<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>猫头鹰Maotin - 寻找最有价值的东西</title>
    <link href="reset.css" rel="stylesheet" />
    <link href="global.css" rel="stylesheet" />
    <link href="header.css" rel="stylesheet" />
    <link href="search.css" rel="stylesheet" />
    <link href="form.css" rel="stylesheet" />
    <link href="content.css" rel="stylesheet" />
    <link href="footer.css" rel="stylesheet" />
    <link href="ui.css" rel="stylesheet" />
    <!--[if lte IE 8]>
    <script src="html5.js"></script>
    <![endif]-->
</head>
<body>
<div id="append_parent">
    <button id="page-switcher-next" class="page-switcher pf opy0 tc">›</button>
    <button id="page-switcher-prev" class="page-switcher pf opy0 tc">‹</button>
</div>

<nav class="top-header clearfix pt10 pb10">
    <div class="main-nav w960 clearfix">
        <div id="logo" class="fl"><a href="javascript:" class="logo-font">猫头鹰</a></div>
        <div class="fr" id="login-info"><a href="javascript:mtWindow('login', 'http://localhost/maotin/template/login_float.html', 'post');">登录</a><a href="#">立即注册</a></div>
        <ul id="nav-list" class="fl">
            <li><a href="#">图片</a></li>
            <li><a href="#">文章</a></li>
            <li><a href="#">专辑</a></li>
            <li><a href="#">用户</a></li>
            <li><a href="#">推荐</a></li>
        </ul>
    </div>
</nav>
<section class="content w960 clearfix">
    <article class="content-wrap mt10">
        <ul class="img-item clearfix pl10 pt10">
            <li>
                <a href="show.html" class="loading"><img src="grey.gif" data-src="http://img.huabao.me/photo/thumb/large/9/f/9/9f9148d71a65b831772af2f85709a994.jpg" /></a>
                <div class="pa opy7 hover-info">
                    <a href="#">转身一瞬间</a><a href="#">转身一瞬间你好看见什么了</a>
                </div>
            </li>
            <li>
                <a href="#" class="loading"><img src="grey.gif" data-src="http://img.huabao.me/photo/thumb/large/9/f/9/9f9148d71a65b831772af2f85709a994.jpg" /></a>
                <div class="pa opy7 hover-info">
                    <a href="#">转身一瞬间</a><a href="#">转身一瞬间你好看见什么了</a>
                </div>
            </li>
            <li>
                <a href="#" class="loading"><img src="grey.gif" data-src="http://img.huabao.me/photo/thumb/large/9/f/9/9f9148d71a65b831772af2f85709a994.jpg" /></a>
                <div class="pa opy7 hover-info">
                    <a href="#">转身一瞬间</a><a href="#">转身一瞬间你好看见什么了</a>
                </div>
            </li>
            <li>
                <a href="#" class="loading"><img src="grey.gif" data-src="http://img.huabao.me/photo/thumb/large/9/f/9/9f9148d71a65b831772af2f85709a994.jpg" /></a>
                <div class="pa opy7 hover-info">
                    <a href="#">转身一瞬间</a><a href="#">转身一瞬间你好看见什么了</a>
                </div>
            </li>
            <li>
                <a href="#" class="loading"><img src="grey.gif" data-src="http://img.huabao.me/photo/thumb/large/9/f/9/9f9148d71a65b831772af2f85709a994.jpg" /></a>
                <div class="pa opy7 hover-info">
                    <a href="#">转身一瞬间</a><a href="#">转身一瞬间你好看见什么了</a>
                </div>
            </li>
            <li>
                <a href="#" class="loading"><img src="grey.gif" data-src="http://img.huabao.me/photo/thumb/large/9/f/9/9f9148d71a65b831772af2f85709a994.jpg" /></a>
                <div class="pa opy7 hover-info">
                    <a href="#">转身一瞬间</a><a href="#">转身一瞬间你好看见什么了</a>
                </div>
            </li>
            <li>
                <a href="#" class="loading"><img src="grey.gif" data-src="http://img.huabao.me/photo/thumb/large/9/f/9/9f9148d71a65b831772af2f85709a994.jpg" /></a>
                <div class="pa opy7 hover-info">
                    <a href="#">转身一瞬间</a><a href="#">转身一瞬间你好看见什么了</a>
                </div>
            </li>
        </ul>
        <div class="page p10">
            <a href="#">&laquo;</a>
            <span>1</span>
            <a href="#">2</a>
            <a href="#">3</a>
            <a href="#">4</a>
            <span>...</span>
            <a href="#">300</a>
            <a href="#">&raquo;</a>
        </div>
    </article>
    <aside class="content-aside pt10 fr">
        <div class="mb20"><input type="text" class="text focus search" size="25" /></div>
        <div class="tags clearfix mb20">
            <a href="#">水aaaa果</a>
            <a href="#">水sss果</a>
            <a href="#">水果</a>
            <a href="#">水dddfff果</a>
            <a href="#">水ff果</a>
            <a href="#">水ggg果</a>
            <a href="#">水aaaa果</a>
            <a href="#">水sss果</a>
            <a href="#">水果</a>
            <a href="#">水dddfff果</a>
            <a href="#">水fffffff果</a>
            <a href="#">水ggg果</a>
            <a href="#">水aaaa果</a>
            <a href="#">水sss果</a>
            <a href="#">水果</a>
        </div>
        <div class="hearters mb20">
            <div class="avatar-list clearfix">
                <a href="#"><img src="http://hdn.xnimg.cn/photos/hdn521/20111204/2025/tiny_sIYt_206120c019117.jpg" /></a>
                <a href="#"><img src="http://hdn.xnimg.cn/photos/hdn121/20111015/0840/tiny_4f2p_7469l019117.jpg" /></a>
                <a href="#"><img src="http://hdn.xnimg.cn/photos/hdn121/20111015/0840/tiny_4f2p_7469l019117.jpg" /></a>
                <a href="#"><img class="last" src="http://hdn.xnimg.cn/photos/hdn121/20111015/0840/tiny_4f2p_7469l019117.jpg" /></a>
                <a href="#"><img src="http://hdn.xnimg.cn/photos/hdn521/20111204/2025/tiny_sIYt_206120c019117.jpg" /></a>
                <a href="#"><img src="http://hdn.xnimg.cn/photos/hdn121/20111015/0840/tiny_4f2p_7469l019117.jpg" /></a>
                <a href="#"><img src="http://hdn.xnimg.cn/photos/hdn121/20111015/0840/tiny_4f2p_7469l019117.jpg" /></a>
                <a href="#"><img class="last" src="http://hdn.xnimg.cn/photos/hdn121/20111015/0840/tiny_4f2p_7469l019117.jpg" /></a>
                <a href="#"><img src="http://hdn.xnimg.cn/photos/hdn521/20111204/2025/tiny_sIYt_206120c019117.jpg" /></a>
                <a href="#"><img src="http://hdn.xnimg.cn/photos/hdn121/20111015/0840/tiny_4f2p_7469l019117.jpg" /></a>
                <a href="#"><img src="http://hdn.xnimg.cn/photos/hdn121/20111015/0840/tiny_4f2p_7469l019117.jpg" /></a>
                <a href="#"><img class="last" src="http://hdn.xnimg.cn/photos/hdn121/20111015/0840/tiny_4f2p_7469l019117.jpg" /></a>
                <a href="#"><img src="http://hdn.xnimg.cn/photos/hdn521/20111204/2025/tiny_sIYt_206120c019117.jpg" /></a>
                <a href="#"><img src="http://hdn.xnimg.cn/photos/hdn121/20111015/0840/tiny_4f2p_7469l019117.jpg" /></a>
                <a href="#"><img src="http://hdn.xnimg.cn/photos/hdn121/20111015/0840/tiny_4f2p_7469l019117.jpg" /></a>
                <a href="#"><img class="last" src="http://hdn.xnimg.cn/photos/hdn121/20111015/0840/tiny_4f2p_7469l019117.jpg" /></a>
            </div>
        </div>
        <div class="hearters">
            <div class="advr-list"><a href="#"><img width="210" height="200" src="http://img.huabao.me/photo/thumb/large/f/6/a/f6a3e11e10684630a1436d6038366ec1.jpg" /></a></div>
            <div class="advr-list"><a href="#"><img width="210" height="200" src="http://img.huabao.me/photo/thumb/large/f/6/a/f6a3e11e10684630a1436d6038366ec1.jpg" /></a></div>
            <div class="advr-list"><a href="#"><img width="210" height="200" src="http://img.huabao.me/photo/thumb/large/f/6/a/f6a3e11e10684630a1436d6038366ec1.jpg" /></a></div>
            <div class="advr-list"><a href="#"><img width="210" height="200" src="http://img.huabao.me/photo/thumb/large/f/6/a/f6a3e11e10684630a1436d6038366ec1.jpg" /></a></div>
        </div>
    </aside>
</section>
<footer class="footer">
    <div class="footer-nav w960">
        <a href="">关于我们</a>
        <a href="">使用向导</a>
        <a href="">意见反馈</a>
        <a href="">服务条款</a>
        &copy; maotin.com<a href="http://www.miibeian.gov.cn/">京ICP备11107066号</a>
        京公网安备1122010501013
    </div>
</footer>
<script src="jquery-1.7.1.min.js"></script>
<script src="lazyload.js"></script>
<script src="common.js"></script>
<script src="mtolay.js"></script>
</body>
</html>